<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title></title>
		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vant@1.6/lib/index.css">
		<link rel="stylesheet" type="text/css" href="../../css/evaluation.css"/>
		<link rel="stylesheet" href="../../css/main.css" />
	</head>
	<body>
		<div id="app">
			<header >
				<van-nav-bar @click-left="onClickLeft" style="background-color: red;">
					<van-icon slot="left" name="arrow-left" color="white"></van-icon>
					<label slot="title" class="white">待评价订单</label>
				</van-nav-bar>
			</header>
			<section>
				<van-row class="padding">
					<van-col span="24" :hidden="hid" style="margin: 100px auto;">
						<van-pull-refresh  v-model="isLoading" @refresh="onRefresh" width="100%">
						  <p class="centers black" >
						  		<van-icon size="60px" name="comment-o " class="black centers"></van-icon>
						  		<br/>
						  		无待评价订单
						  </p>
						</van-pull-refresh>
					</van-col>
					<van-col>
						<van-list
						  :finished="finished"
						  finished-text="没有更多了"
						  @load="onLoad"
						>
						  <van-cell
						    v-for="item in list"
						    :key="item"
						    :title="item"
						  />
						</van-list>
					</van-col>
				</van-row>
			</section>
		</div>
		<script src="../../js/vue.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/vant.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/ajax.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/fanhui.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/tuichu.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			var app=new Vue({
				el:"#app",
				data:{
					count: 0,
      				isLoading: false,
      				hid:true,
      				finished: false,
      				list:[]
				},
				methods: {
					onClickLeft: function() {//返回个人中心
						plus.webview.close(plus.webview.currentWebview(), "slide-out-left");
					},
					returns:function(){
						
					},
				    onRefresh:function() {
				    	setTimeout(() => {
					        this.$toast('刷新成功');
					        this.isLoading = false;
					        this.count++;
					    }, 500);
					},
					onLoad:function(){
						if(this.list.length===0){
							this.hid=false;
						}else{
							this.hid=true;
						}
					}
				},
				watch:{
  					
  				}
			});
		</script>
	</body>
</html>